<style type="text/css">
    /*#resourceModal {*/
        /*left:39%*/
    /*}*/
</style>
<h3 class="page-title">保证金订单信息管理</h3>
<div class="tabbable-custom">
    <div class="portlet">
        <div class="portlet-title">
           <!--  <button class="btn btn-success title-action" ng-click="customerGrid.add()"
                    tabindex="0">
                <i class="fa fa-plus"></i> 新增客户
            </button> -->
            <a href="javascript:void(0);" class="title-operation search-expand">筛选</a>

            <div class="title-search-box">
                <input type="text" placeholder="请输入订单号" class="search-field"
                       style="width: 180px;" maxlength="100" ng-model="depositOrderGrid.query.orderId">
                <a class="fa fa-search" ng-click="depositOrderGrid.query(depositOrderGrid.query.quickSearch = 1)"></a>
            </div>
        </div>
        <div class="portlet-search-body" style="display: none;">
            <form class="form-inline" role="form">
                <div class="form-group">
                    <div class="col-md-4">
                        <div class="input-icon">
                            <i class="fa fa-user"></i>
                            <input class="form-control" placeholder="客户名称" ng-model="depositOrderGrid.query.customerName">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-4">
                        <div class="input-icon">
                            <i class="fa fa-lightbulb-o"></i>
                            <select class="form-control" name="orderStatus" ng-model="depositOrderGrid.query.orderStatus"
                                    style="width: 200px;color: #b3b3b3;"
                                    ng-options="opt.value as opt.name for opt in options.orderStatus">
                                <option value="">-- 状态 --</option>
                            </select>
                        </div>
                    </div>
                </div>
                <button class="btn btn-primary" ng-click="depositOrderGrid.query(depositOrderGrid.query.quickSearch = 0)"><i class="fa fa-search"></i> 搜索</button>
                <button class="btn btn-primary" ng-click="depositOrderGrid.reset()">
                    <i class="fa fa-rotate-left"></i> 重置
                </button>
            </form>
        </div>
        <div class="portlet-body" style="width: 100%">
            <table ed-grid="depositOrderGrid" class="table table-striped table-bordered table-hover dataTable"
                   ed-url="depositOrder/query.do" ed-model="depositOrder" style="width: 100%">
                <thead>
                <tr>
                    <th ed-data="_index"></th>
                    <th ed-data="customerName" style="width:150px;">客户名称</th>
                    <th ed-data="bidTitle" style="width:100px;">项目名称</th>
                    <th ed-data="orderId" style="width:150px;">订单号</th>
                    <th ed-data="queryId" style="width:150px;">交易流水号</th>
                    <th ed-data="txnAmt | number : 2" location="right" style="width:150px;">交易金额(￥)</th>
                    <th ed-data="makeTime" style="width:150px;">支付时间</th>
                    <th ed-data="txnType | code : 'txnType'" style="width:60px;">交易类型</th>
                    <th ed-data="orderStatus | code : 'orderStatus'" reasonTitle="orderDesc" style="width:80px;">订单状态</th>
                    <th style="width:210px;">操作</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>



